<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{{coupon.title}}</title>

<script src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/rev-setting-1.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/tab.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/main.css" id="main-css">
<!--课程选项卡-->
<script type="text/javascript">
function nTabs(thisObj,Num){
	if(thisObj.className == "current")return;
	var tabObj = thisObj.parentNode.id;
	var tabList = document.getElementById(tabObj).getElementsByTagName("li");
	for(i=0; i <tabList.length; i++)
		{
		if (i == Num)
		{
		   thisObj.className = "current";
		   document.getElementById(tabObj+"_Content"+i).style.display = "block";
		}else{
		   tabList[i].className = "normal";
		   document.getElementById(tabObj+"_Content"+i).style.display = "none";
		}
		}
}


</script>


</head>

<body>

<div class="head" id="fixed" id="apps">
	<div class="nav">
    	<span class="navimg"><a href="index.html"><img border="0" :src="'/api/education-website/eduWebsite/download/'+item.logo" alt=""></a></span>
        <ul class="nag">
        	<li><a href="courselist.html" class="link1">课程</a></li>
            <li><a href="articlelist.html" class="link1">资讯</a></li>
            <li><a href="teacher.html" class="link1">讲师</a></li>
            <li><a href="exam_index.html" class="link1" target="_blank">题库</a></li>
            <li><a href="askarea.html" class="link1" target="_blank">问答</a></li>
        </ul>

        <span class="massage">
        <!--<span class="select">
        	<a href="#" class="sort">课程</a>
        	<input type="text" value="关键字"/>
            <a href="#" class="sellink"></a>
            <span class="sortext">
            	<p>课程</p>
                <p>题库</p>
                <p>讲师</p>
            </span>
        </span>-->



            <a href="mycourse.html"  onMouseOver="logmine()" style="width:70px" class="link2 he ico" target="_blank">sherley</a>
            <span id="lne" style="display:none" onMouseOut="logclose()" onMouseOver="logmine()">
                <span style="background:#fff;">
                	<a href="mycourse.html" style="width:70px; display:block;" class="link2 he ico" target="_blank">sherley</a>
                </span>
                <div class="clearh"></div>
                <ul class="logmine" >
                    <li><a class="link1" href="#">我的课程</a></li>
                    <li><a class="link1" href="#">我的题库</a></li>
                    <li><a class="link1" href="#">我的问答</a></li>
                    <li><a class="link1" href="#">退出</a></li>
                </ul>
            </span>
        </span>
    </div>
</div>

<div class="content">
<div class="fullwidthbanner-container">
		<div id="revolution-slider" style="max-height:500px !important; background:#46B0AC">
			<!--轮播图 -->
			<!--ssi服务端包含 -->
			<!--#include virtual="ts/banner.html" -->
		</div>
</div>

<div class="td1">
	<div class="tdcont">
    	<span class="tdimg"><img src="images/ico4.jpg" width="450"></span>
        <span class="tdtext">
        	<h3>完全免费课程</h3>
            <p>精心录制视频课程与讲解，全部课程完全免费。</p><br/>
            <p><a href="courselist.html" class="btninto">开始学习</a></p>
        </span>
        <div style="clear:both"></div>
    </div>
</div>
<div class="td2">
	<div class="tdcont">
    	<span class="tdimg1"><img src="images/ico5.jpg" width="500"></span>
        <span class="tdtext1">
        	<h3 class="co1">智能评估题库</h3>
            <p>智能能力评估，学员可以通过具体题目，匹配相
关知识点,文字解析与视频解析相结合。</p><br/>
			<p><a href="training.html" class="btninto">点击测评</a></p>
        </span>
        <div style="clear:both"></div>
    </div>
</div>
<div class="td1">
	<div class="tdcont np">
    	<span class="tdimg" style="margin-top:80px"><img src="images/ico6.jpg" width="550"></span>
        <span class="tdtext" style="margin-top:120px">
        	<h3 class="co2">智能匹配练习</h3>
            <p class="tex1">跟随视频课程同步练习，紧扣重点难
点，点点精通。</p><br/>
			<p><a href="training.html" class="btninto">开始练习</a></p>
        </span>
        <div style="clear:both"></div>
    </div>
</div>
<div class="td2 np">
	<div class="tdcont np">
    	<span class="tdimg1 ni"><img src="images/ico7.png" width="300"></span>
        <span class="tdtext1" style="margin-top:100px;">
        	<h3 class="co3">全天答疑解惑</h3>
            <p class="tex1">谋刻答疑社区，老师学员共同交流，我们的讲师更是倾囊相授，有问必答。</p><br/>
            <p><a href="#" class="btninto">提问问题</a></p>
        </span>
        <div style="clear:both"></div>
    </div>
</div>

<div class="crdiv">

<div class="course">
    <h2 style="text-align:center; font-weight:normal; font-size:34px">精品课程</h2>
    <div class="clearh" style="height:20px;"></div>

    <div>
        <ul id="myTab3">
            <li class="current" onClick="nTabs(this,0);">IT技能</li>
            <li class="norma3" onClick="nTabs(this,1);">IT技能</li>
            <li class="norma3" onClick="nTabs(this,2);">IT技能</li>
            <li class="norma3" onClick="nTabs(this,3);">IT技能</li>
        </ul>
        <div class="clearh"></div>
        <div>
           <ul class="courseul" id="myTab3_Content0" style="display: block;">
            <li>
            	<div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
           </li>
           <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>.
           <div class="clearh"></div>
          </ul>
        </div>
        <div>
           <ul class="courseul" id="myTab3_Content1" style="display: none;">
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <div class="clearh"></div>
           </ul>
        </div>
        <div>
           <ul class="courseul" id="myTab3_Content2" style="display: none;">
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <div class="clearh"></div>
           </ul>
        </div>
        <div>
           <ul class="courseul" id="myTab3_Content3" style="display: none;">
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <li>
                <div class="courselist">
                <img width="263" style="border-radius:3px 3px 0 0;" src="images/c1.jpg" >
                <p class="courTit">HTTP下载课程</p>
                <div class="gray">
                <span>1小时前更新</span>
                <span class="sp1">1255555人学习</span>
                <div style="clear:both"></div>
                </div>
                </div>
            </li>
            <div class="clearh"></div>
           </ul>
        </div>
	</div>


    <div class="line no"></div>


</div>
<span class="morecourse"><a href="courselist.html" class="btnlink">更多课程</a></span>

</div>
<div class="foot">
<div class="fcontainer">
      <div class="fwxwb">
	       <div class="fwxwb_1">
		       <span>关注微信</span><img width="95" alt="" src="images/num.png">
		   </div>
           <div>
               <span>关注微博</span><img width="95" alt="" src="images/wb.png">
		   </div>
      </div>
      <div class="fmenu">
	     <p><a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">优秀讲师</a> | <a href="#">帮助中心</a> | <a href="#">意见反馈</a> | <a href="#">加入我们</a></p>
			<p>
			邮箱:{{coupon.email}}|电话:{{coupon.tel}}|网站介绍:{{coupon.content}}
			</P>
		<div class="copyright">
			<div><a href="/">谋刻网</a>{{coupon.copyright}}</div>
		  </div>
      </div>
      
    </div>
</div>
</div>

<!--右侧浮动-->
<div class="rmbar">
	<span class="barico qq" style="position:relative">
	<div  class="showqq">
	   <p>官方客服QQ:<br>335049335</p>
	</div>
	</span>
	<span class="barico em" style="position:relative">
	  <img src="images/num.png" width="75" class="showem">
	</span>
	<span class="barico wb" style="position:relative">
	  <img src="images/wb.png" width="75" class="showwb">
	</span>
	<span class="barico top" id="top">置顶</span>
</div>

</body>
</html>


<script src="js/vue.js"></script>
<script>

    new Vue({
        el:"#apps",
        data:{
            coupon:${indexs}
        }
    });
</script>


<script>
function logmine(){
	document.getElementById("lne").style.display="block";
}
function logclose(){
	document.getElementById("lne").style.display="none";
}

 /*右侧客服飘窗*/
	$(".label_pa li").click(function() {
		$(this).siblings("li").find("span").css("background-color", "#fff").css("color", "#666");
		$(this).find("span").css("background", "#fb5e55").css("color", "#fff");
	});
	$(".em").hover(function() {
		$(".showem").toggle();
	});
	$(".qq").hover(function() {
		$(".showqq").toggle();
	});
	$(".wb").hover(function() {
		$(".showwb").toggle();
	});
	$("#top").click(function() {
		if (scroll == "off") return;
		$("html,body").animate({
			scrollTop: 0
		},
		600);
	});
</script>
